<!--AppBody->showBodyHtml();  -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Web Design - Free CSS Templates</title>
<meta name="keywords" content="free css templates, web design, 2-column, html css" />
<meta name="description" content="Web Design is a 2-column website template (HTML/CSS) provided by templatemo.com" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--////// CHOOSE ONE OF THE 3 PIROBOX STYLES  \\\\\\\-->
<link href="css_pirobox/white/style.css" media="screen" title="shadow" rel="stylesheet" type="text/css" />
<!--<link href="css_pirobox/white/style.css" media="screen" title="white" rel="stylesheet" type="text/css" />
<link href="css_pirobox/black/style.css" media="screen" title="black" rel="stylesheet" type="text/css" />-->
<!--////// END  \\\\\\\-->

<!--////// INCLUDE THE JS AND PIROBOX OPTION IN YOUR HEADER  \\\\\\\-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/piroBox.1_2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$().piroBox({
			my_speed: 600, //animation speed
			bg_alpha: 0.5, //background opacity
			radius: 4, //caption rounded corner
			scrollImage : false, // true == image follows the page, false == image remains in the same open position
			pirobox_next : 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox
			pirobox_prev : 'piro_prev',// Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox
			close_all : '.piro_close',// add class .piro_overlay(with comma)if you want overlay click close piroBox
			slideShow : 'slideshow', // just delete slideshow between '' if you don't want it.
			slideSpeed : 4 //slideshow duration in seconds(3 to 6 Recommended)
	});
});
</script>
<!--////// END  \\\\\\\-->
</head>
<body>


<div class="body_wrapper">
<div class="wrapper">
        <!--AppHeader->showHtml()  -->
	<div class="header">
        <!--	<span class="header_icon"></span>-->
    	<div class="header_content">
        	<div class="site_title">
                    <img src="images/logo.png" alt="LOGO" />
                </div>
	</div>
        </div> <!-- end of header -->

    <!--AppBody->showMainTopHtml() -->
    <div class="main_top"></div>
    <div class="main"><span id="main_top"></span><span id="main_bottom"></span>
        <!--AppSideBar->showHtml()-->
        <div class="sidebar">

        	<div class="menu">
                <ul>
                    <li><a href="http://www.templatemo.com" target="_parent" class="current">Home</a></li>
                    <li><a href="http://www.webdesignmo.com" target="_parent">Web Design</a></li>
                    <li><a href="http://www.flashmo.com/page/1" target="_parent">Flash Files</a></li>
                    <li><a href="http://www.templatemo.com/page/1" target="_parent">Website Templates</a></li>
                    <li><a href="http://www.templatemo.com/page/2" target="_parent">Our Company</a></li>
                    <li><a href="http://www.templatemo.com/page/3" target="_parent">Contact Information</a></li>
              </ul>
            </div> <!-- end of menu -->


            <div class="sidebar_box">
            	<div class="sb_title">Latest Updates</div>
                <div class="sb_content">

                	<div class="sb_news_box">
						<a href="#">Maecenas adipiscing elem sum ipsum.</a>
                        <span>25 September 2048</span>
                    </div>

                    <div class="sb_news_box">
						<a href="#">Aser ecenas adipiscing de lorem ipsum.</a>
                        <span>18 September 2048</span>
                    </div>

                    <a href="#"><strong>View All</strong></a>
               </div>

              <div class="sb_bottom"></div>

            </div>

            <center>
            <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a> &nbsp;&nbsp;&nbsp;
            <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
        	</center>

            <div class="cleaner"></div>
        </div> <!-- end of sidebar -->

        <!--AppContent->showHtml()  -->
        <div class="content">

            <div class="content_box">
            	<h2>Web Design Company</h2>
                <a href="http://www.templatemo.com/page/1" target="_parent"><img class="image_wrapper image_fl" src="images/image_01.jpg" alt="Image 1" /></a>
                <h5>Duis vitae velit sed dui malesuada</h5>
                <p>Validate <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp;
    		 <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>. Sliquet ligula. Maecenas adipiscing  um ipsum. Pelsti lentesque vitae magna. Suspendisse a nibh tristique jus us volutpat.</p>
              <p><a href="#">Read More</a></p>
              <div class="cleaner h30"></div>
                <a href="http://www.templatemo.com/page/2" target="_parent"><img class="image_wrapper image_fl" src="images/image_02.jpg" alt="Image 2" /></a>
              <h5>Savitae velit sed dui malesu donec</h5>
              <p> Maecenas adipiscing elementum ipsum. lentesque vitae magna. Sed nec est. Suspendisse a nibh tristique justo rhoncus volutpat. endisse vitae neque eget ante.</p>
              <p> <a href="#">Read More</a></p>
          </div>

            <div class="content_box">

                <div class="col_w290 float_l">

                  <h2 class="title_icon why_choose_us">Why Us?</h2>

                    <p>Lorem ipsum dolor sit amet, consectetuer adipis cing elit. Nunc quis sem nec tellus blandit tincid unt. Duis vitae velit sed dui.</p>
                    <ul class="tmo_list">
                    	<li><a href="#">Smalesuada dignissim</a></li>
                      	<li><a href="#">Donec mollis aliquet ligula</a></li>
                      	<li><a href="#">Maecenas adipiscin</a></li>
                  	</ul>
				</div>

                <div class="col_w290 cw290_last float_r">

                  <h2 class="title_icon new_services">Standards</h2>

                    <p>Nunc quis sem nec tellus blandit tincidunt. Du vitae velit sed dui malesuada dignissim. Don lis aliquet ligula. Maecenas adipiscing.</p>
					<ul class="tmo_list">
                    	<li><a href="#">Pellentesque vitae magna</a></li>
                      	<li><a href="#">Suspendisse uspendisse vitae</a></li>
                        <li><a href="#">Pellentesque dolornulla</a></li>
                  </ul>
				</div>

                <div class="cleaner"></div>
            </div>

            <div class="content_box last_box">
            	<h2>Web Projects</h2>

                <div class="gallery">
					<a href="images/gallery/image_01_b.jpg" class="pirobox" title="Project 1"><img src="images/gallery/image_01.jpg" alt="1" /></a>
                    <a href="images/gallery/image_02_b.jpg" class="pirobox" title="Project 2"><img src="images/gallery/image_02.jpg" alt="2" /></a>
                    <a href="images/gallery/image_03_b.jpg" class="pirobox" title="Project 3"><img src="images/gallery/image_03.jpg" alt="3" /></a>
                </div> <!-- end of Gallery -->

              <div class="cleaner h20"></div>
              <a href="#"><strong>View All Projects</strong></a></div>

        </div>

        <div class="cleaner"></div>
    </div>

    <!--AppBody->showMainBottomHtml() -->
    <div class="main_bottom">
    </div>

</div> <!-- end of wrapper -->
</div>

 <!--AppFooter->showHtml() -->
<div class="footer_wrapper">
	<div class="footer">
        Copyright © 2048 <a href="#">Your Company Name</a> |
        <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>

    </div>
</div>

 <!--AppBody->showEndHtml() -->
</body>
</html>
